<template>
    <div>
        <HeaderIndex title="猫眼电影" :showTwo="false" font-weight="900"></HeaderIndex>
        <section>
          <router-link to='/account/meituan' >
          <span  @click="fun(1)">美团账号登录</span>
          </router-link>
          <router-link to='/account/shouji' >
          <span  @click="fun(2)">手机验证登录</span>
          </router-link>
          <div class="botm one" v-show="Shownav"></div>
          <div class="botm two" v-show="!Shownav"></div>
        <router-view></router-view>
        </section>
        <footer>
          <div>
            <router-link to='/zhuce'>立即注册</router-link>
            <router-link to=''>找回密码</router-link>
          </div>
          <p>
            <i class="iconfont icon-icon-class-c"></i>猫眼电影 客服电话：
            <span>400-670-5335</span>
          </p>
        </footer>
    </div>
</template>

<script>
// import getLink from "@/api/getLink.js";

export default {
  data() {
    return {
      Shownav: true,
      arr1: []
    };
  },
  methods: {
    fun(a) {
      if (a == 1) {
        this.Shownav = true;
      } else {
        this.Shownav = false;
      }
    }
  }
};
</script>

<style scoped>
section {
  width: 100%;
  height: 0.73rem;
  text-align: center;
  line-height: 0.83rem;
  border-bottom: 0.095rem solid rgb(220, 220, 220);
  background-color: white;
  position: relative;
}
.botm {
  width: 47.33%;
  height: 0.095rem;
  background-color: rgb(295, 195, 0);
  position: absolute;
}
.one {
  top: 0.73rem;
  left: 0.2rem;
}
.two {
  top: 0.73rem;
  right: 0.2rem;
}
section > a {
  /* width: 3.55rem; */
  width: 47.33%;
  height: 0.73rem;
  display: inline-block;
  font-size: 0.25rem;
  color: #222222;
  z-index: 999;
}
footer {
  width: 94%;
  height: 2rem;
  margin-top: 2.63rem;
  background-color: rgb(244, 244, 244);
  padding: 3%;
}
footer > div {
  display: flex;
  justify-content: space-between;
}
footer > div > a {
  color: #fe8c00;
  font-size: 0.26rem;
}
footer > p {
  width: 100%;
  font-size: 0.28rem;
  text-align: center;
  margin: 0.23rem 0px;
}
footer > p > i {
  font-size: 0.12rem;
}
footer > p > span {
  color: rgb(223, 45, 45);
}
</style>
